<template>
	<view class="pb100">
		<view class="plr15">
			<view class="ptb20 align-center">
				<view class="bgpro step2 radius15" :class="{'flex1':step==3}"></view>
				<view class="circle radius50 bgWhite posRelative align-center justify-center">
					<view class="radius50"></view>
				</view>	
			</view>
			<view class="justify-between align-center bold light">
				<text>1-医生注册</text>
				<text>2-资质认证</text>
				<text>3-资质审核</text>
			</view>
		</view>
		<view class="imgbox tc">
			<image :src="`${$domain.ossapi}docInfo/wait.png`" mode="" style="width: 470upx;height: 316upx;"></image>
		</view>
		<view class="posFixed w100 btm0 plr15 bgWhite">
			<view class="ptb10">
				<mix-button ref="confirmBtn" text="提交审核" @onConfirm="next"></mix-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				step:3
			}
		},
		methods: {
			next(){
				this.navTo('internetCer')
			}
		}
	}
</script>

<style lang="scss">
.bgpro{
	background: linear-gradient(270deg, #9DC4CF 0%, #548999 100%);
	height: 12upx;
}
.step2{
	width: 342upx;
}
.circle{
	width: 22upx;
	height: 22upx;
	left: -10upx;
	view{
		width: 17upx;
		height: 17upx;
		background-color: #548999;
	}
}
.imgbox{
	padding-top:300upx
}
</style>
